<template>
	<xxmCustomNavNar title="分类"></xxmCustomNavNar>
	<view class="classify pageBg">
		<xxmThemeItem v-for="item in classifyList" :key="item._id" :item="item"></xxmThemeItem>
	</view>
</template>

<script setup>
	import {getClassifyApi} from '@/api/apis.js'
	import {onShareAppMessage,onShareTimeline} from '@dcloudio/uni-app'
	import {ref} from 'vue'
	onShareAppMessage(e => {
		return {
			title: "好看的壁纸推荐",
			path:'/pages/classify/classify'
		}
	})
	onShareTimeline(() => {
		return{
			title:"好看的壁纸推荐",
		}
	})
	//分类
	const classifyList = ref([])
	const getClassify = async () => {
		const res = await getClassifyApi({
			pageSize:15
		})
		classifyList.value = res
	}
	getClassify()
</script>

<style lang="scss" scoped>
.classify{
	padding: 30rpx;
	display: grid;
	gap: 15rpx;
	grid-template-columns: repeat(3, 1fr);
}
</style>
